.header {
  .navbar {
    background-color: white;

    .navbar-brand {
      color: #333 !important;
      font-weight: bold;

      b {
        color: $rubyColor;
      }
    }

    ul {
      li {
        a {
          &:hover {
            color: $rubyColor !important;
          }
        }
      }

      li {
        a.active {
          color: $rubyColor !important;
          background-color: transparent !important;
          border-bottom: 3px solid $rubyColor;
        }
      }
    }
    // end ul

  }
}

.navbar-inverse {
  border-color: $lightGray;

  .navbar-toggle {
    &:hover {
      background-color: #ddd;
    }

    .icon-bar {
      background-color: #888;
    }
  }

  .navbar-nav {
    li {
      a:focus {
        color: $gray;
      }
    }
  }
}
